<template>
  <div>
    <header-index :title="$route.query.name" :showTwo="false" />
    <div class="analyseHeader clear_fix">
      <!-- <img src="https://p1.meituan.net/165.220/movie/04486ef90831148375483b8dff0b605e1963368.jpg@165w_220h" alt="" /> -->
      <img :src="$route.query.img" alt="" />
      <div>
        <!-- <p>怒火重案</p> -->
        <p>{{ $route.query.name }}</p>
        <p>2021-07-30 08:00大陆上映</p>
        <p>猫眼评分 9.5</p>
      </div>
    </div>
    <main>
      <van-tabs v-model="activeName" line-width="1.2rem" title-active-color="red">
        <van-tab title="想看分析" name="a">
          <WantAna />
        </van-tab>
        <van-tab title="营销分析" name="b">营销分析</van-tab>
        <van-tab title="口碑分析" name="c">口碑分析</van-tab>
      </van-tabs>
    </main>
  </div>
</template>

<script>
import WantAna from '@/components/whs/analyse/wantAnaluse.vue';
export default {
  components: {
    WantAna,
  },
  data() {
    return {
      activeName: 'a',
    };
  },
};
</script>

<style lang="less" scoped>
.analyseHeader {
  padding: 0.3rem;
  background-color: #191724;
  img {
    width: 1rem;
    height: 1.5rem;
    float: left;
  }
  div {
    float: left;
    margin-left: 0.2rem;
    font-size: 0.26rem;
    p {
      color: white;
      font-weight: 300;
      &:first-of-type {
        font-size: 0.4rem;
        margin: 0.1rem 0;
      }
      &:last-of-type {
        color: orange;
        margin: 0.1rem 0;
      }
    }
  }
}
</style>
